Summary

This modifies the CSS in shell/components/CodeMirror.vue so that styles can properly be applied to the keymap icons.

.codemirror-container and .keymap.overlay are siblings in the rendered DOM output. This change in styles reflects that.

There's now duplication in the grouping of our .code-mirror styles in CodeMirror.vue. I'm opting to leave the separate to reduce the amount of churn in this change, but I'm completely open to merging the two groups if we feel that's the best for future maintenance.

Fixes #12195

Occurred changes and/or fixed issues

• Refactor styles in shell/components/CodeMirror.vue

Areas or cases that should be tested

• CodeMirror styles
• CodeMirror with keymaps defined

Areas which could experience regressions

• CodeMirror styles

Screenshot/Video

Checklist

• The PR is linked to an issue and the linked issue has a Milestone, or no issue is needed
• The PR has a Milestone
• The PR template has been filled out
• The PR has been self reviewed
• The PR has a reviewer assigned
• The PR has automated tests or clear instructions for manual tests and the linked issue has appropriate QA labels, or tests are not needed
• The PR has reviewed with UX and tested in light and dark mode, or there are no UX changes